<template>
   <view>
	 <view class="content" v-for="(item,index) in tabListArr">
		<view class="title">{{item.title}}</view>
		 <u-grid
		    :border="false"
		    col="4"
			align="left"
		>
		    <u-grid-item v-for="(listItem,listIndex) in item.newList" :key="listIndex" >
				<image :src="listItem.img" mode="widthFix"></image>
		        <text class="grid-text">{{listItem.text}}</text>
		    </u-grid-item>
		</u-grid>
	</view>
  </view>
</template>

<script>
	export default {
		name:"tabList",
		data() {
			return {
				
			};
		},
		mounted() {
			console.log(this.tabListArr)
		},
		props:['tabListArr']
	}
</script>

<style scoped lang="scss">

image{
	width: 48rpx;
	height: 48rpx;
	margin-top: 20rpx;
	margin-left: 20rpx;
}
.title{
	font-size: 28rpx;
	font-weight: 600;
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}

.grid-text{
	font-size: 24rpx;
	padding: 10rpx 0 20rpx 0rpx;
	box-sizing: border-box;
}





</style>